<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body>div {
	width: 198px;
	height: 233px;
	background: #E8E8E8;
	text-align: center;
}

.p1 {
	margin: 0 0 6px 0;
	font-size: 12px;
}

.p2 {
	margin: 6px 0;
	font-size: 12px;
	font-weight: bold;
	color: #0AA1ED;
}

a {
	display: block;
	width: 100px;
	height: 24px;
	background-color: #0aa1ed;
	margin: 0 auto;
	text-decoration: none;
	color: white;
	font-size: 12px;
	border-radius: 3px;
	line-height: 24px;
}
</style>
</head>
<body>
  <div>
    <img
      src="http://doc.tedu.cn/tstore_v1/images/itemCat/study_computer_img3.png">
    <p class="p1">戴尔(DELL)XPS13-9360-R1609 13.3英寸微边框笔记本电脑</p>
    <p class="p2">￥4600.00</p>
    <a href="">查看详情</a>
  </div>
</body>
</html>